<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html lang="en" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html lang="en" class="no-js ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class='no-js' lang='en'>
    <!--<![endif]-->
    <head>
        <meta charset='utf-8'>
        <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'>
        <title>Recicl&aacute; tu manzana</title>
        <meta name="description" content="Iniciativa de DondeReciclo.org con el prop&oacute;sito de promover el reciclaje de org&aacute;nicos. Los org&aacute;nicos son el 50% de nuestros residuos diarios, reciclarlos en casa reducir&iacute;a significativamente la cantidad de basura en rellenos sanitarios.">
        <meta content='DondeReciclo.org' name='author'>
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <link href='stylesheets/app.css' rel='stylesheet'>
        <script src='javascripts/modernizr-2.0.6.min.js'></script>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,800,300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="stylesheets/fonts.css">
        <link rel="shortcut icon" href="content/favicon.png" type="image/png" />
        <!--<noscript>
        <link rel="stylesheet" type="text/css" href="stylesheets/muro/fallback.css" />
        </noscript>-->

        <meta property="og:title" content="Recicl&aacute; tu manzana" />
        <meta property="og:type" content="website" />
        <meta property="og:url" content="http://www.reciclatumanzana.com.ar/" />
        <meta property="og:image" content="http://www.reciclatumanzana.com.ar/content/face-share.jpg" />
        <meta property="og:site_name" content="Recicl&&aacute; tu manzana" />
        <meta property="fb:admins" content="552054148" />
        <meta property="og:description" content="Iniciativa de DondeReciclo.org con el prop&oacute;sito de promover el reciclaje de org&aacute;nicos. Los org&aacute;nicos son el 50% de nuestros residuos diarios, reciclarlos en casa reducir&iacute;a significativamente la cantidad de basura en rellenos sanitarios." />

        <script src='javascripts/jquery-1.10.2.min.js'></script>
    </head>
    <body>

        <!-- FACEBOOK LOGIN -->
        <div id="fb-root"></div>
        <script>
            // Additional JS functions here
            window.fbAsyncInit = function() {
                FB.init({
                    appId: '181048452086629', // App ID
                    channelUrl: 'http://www.reciclatumanzana.com.ar/', // Channel File
                    status: true, // check login status
                    cookie: true, // enable cookies to allow the server to access the session
                    xfbml: true  // parse XFBML
                });
            };



            // Load the SDK asynchronously
            (function(d) {
                var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
                if (d.getElementById(id)) {
                    return;
                }
                js = d.createElement('script');
                js.id = id;
                js.async = true;
                js.src = "http://connect.facebook.net/en_US/all.js";
                ref.parentNode.insertBefore(js, ref);
            }(document));

            function save() {
                FB.api('/me', function(response) {
                    $.post("http://www.reciclatumanzana.com.ar/php/handler",
                            {
                                name: response.name,
                                email: response.email,
                                fb: response.id
                            }
                    );
                });
            }

            function fb_check() {
                FB.getLoginStatus(function(response) {
                    if (response.status === 'connected') {
                        alert('Ya estas conectado a facebook');
                    } else {
                        FB.login(
                                function(response) {
                                    if (response.authResponse) {
                                        save();
                                        FB.api('/me', function(response) {
                                            modalText(response.name);
                                            var h = $('#ri-grid li:first-child').height();
                                            var w = $('#ri-grid li:first-child').width();
                                            $('#ri-grid ul').prepend('<li style="display: none"><img src="http://graph.facebook.com/' + response.id + '/picture?height=200&width=200"/></li>');
                                            $('#ri-grid li:first-child').fadeIn(1000);
                                        });
                                    }
                                },
                                {scope: 'email'}
                        );
                    }
                });
            }

        </script>
        <!-- FIN FACEBOOK LOGIN -->

        <!-- TOP MENU -->
        <nav class="top">
            <a class="logo" href="#" data-id="uno"><img src="content/manzana_header.png" alt="Recicla tu manzana" /></a>
            <span class="menu icon-list"></span>
            <a class="right" href="http://www.facebook.com/DondeReciclo" target="_blank"><span class="icon-facebook"></span></a>
            <a class="right" href="https://twitter.com/dondereciclo_ar" target="_blank"><span class="icon-twitter"></span></a>
            <a class="right" href="http://www.dondereciclo.org.ar/" target="_blank"><span id="iniDr">Una iniciativa de </span><img class="dr-logo" src="content/donde-reciclo.svg" alt="DondeReciclo.org" /></a>
            <ul>
                <li><a href="#iniciativa" data-id="iniciativa">La iniciativa</a></li><!--
                --><li><a href="#como-reciclar" data-id="como-reciclar">Como reciclar</a></li><!--
                --><li><a href="#beneficios" data-id="beneficios">Beneficios</a></li><!--
                --><li><a href="#composteras" data-id="composteras">Composteras</a></li><!--
                --><li><a href="#consejos" data-id="consejos">Consejos</a></li><!--
                --><li><a href="#corre-la-voz" data-id="corre-la-voz">Corr&eacute; la voz</a></li>
            </ul>
        </nav>
        <div id="overlay"></div>
        <!-- FIN TOP MENU -->


        <!-- BANNER RECICLA TU MANZANA -->
        <div id="top-banner">
            <img class="loader" src="images/loading.gif"/>
            <div class="full-img" id="unoT" style="display: none">
                <img src="content/recicla.png" alt="Recicl&aacute; tu manzana" />
                <div class="flecha-down animated bounce"><span class="icon-arrow-down"></span></div>
            </div>
        </div>
        <script type="text/javascript">
            if(document.documentElement.clientWidth > 480){
                $('.full-img').css({
                    'background': 'url("content/full_img_large.jpg") no-repeat',
                    'background-size': 'cover',
                    'background-position': '50% 50%'
                });
            }
            $('#top-banner').height($(window).height());
        </script>
        <!-- FIN BANNER RECICLA TU MANZANA -->

        <!-- SECCION CONTALE A TUS VECINOS -->
        <section role="contentinfo" id="iniciativa">
            <div class="row">
                <div class="small-12 medium-6 large-7 columns large-push-5 medium-push-6">
                    <img src="content/img/1.svg" class="mbBottom" alt=""/>
                </div>
                <div class="small-12 medium-6 large-5 columns large-pull-7 medium-pull-6">
                    <h2>&#161;Contale a tus <strong>vecinos</strong>!</h2>
                    <p>El 50% de los residuos que generamos todos los d&iacute;as son desechos org&aacute;nicos, c&aacute;scaras de frutas, verduras, restos de comida, y son muy f&aacute;ciles de reciclar en casa.</p>
                    <p>Enterate como hacerlo en esta web y compartilo con tus amigos, familia y vecinos. Recicl&aacute; tus org&aacute;nicos y empez&aacute; a cuidar el futuro de todos, manzana a manzana.</p>
                </div>
            </div>
        </section>
        <!-- FIN SECCION CONTALE A TUS VECINOS -->

        <!-- 40 TONELADAS -->
        <section role="complementary">
            <div class="row">
                <div class="small-12 columns">
                    <h3>40 toneladas de basura</h3>
                    <p>de residuos org&aacute;nicos se generan en tu manzana por a&ntilde;o, <b>reciclando</b> pod&eacute;s evitarlo.</p>
                </div>
            </div>
        </section>
        <!-- FIN 40 TONELADAS -->

        <!-- COMO RECICLAR TUS ORGANICOS -->
        <section role="contentinfo" id="como-reciclar">
            <div class="row">
                <div class="small-12 medium-6 large-5 columns">
                    <img src="content/img/2.svg" class="mbBottom" alt=""/>
                </div>
                <div class="small-12 medium-6 large-5 large-offset-1 columns como-reciclar-align">
                    <h2>&#191;C&oacute;mo <strong>reciclar</strong> tus org&aacute;nicos?</h2>
                    <p>Si separ&aacute;s los <strong>restos de verduras</strong>, c&aacute;scaras, poda y pasto de los dem&aacute;s residuos, los mezcl&aacute;s y dej&aacute;s reposar en un <strong>contenedor (o compostera)</strong>; vas a obtener compost, un <strong>abono natural</strong> para las plantas.</p>
                </div>
            </div>
        </section>
        <!-- FIN COMO RECICLAR TUS ORGANICOS -->

        <!-- BENEFICIOS DEL COMPOST -->
        <section role="contentinfo" class="beneficios circle-img" id="beneficios">
            <div class="row">
                <div class="large-12 columns">
                    <h2><strong>Beneficios</strong> de compostar</h2>
                </div>
            </div>
            <div class="row">
                <div class="large-4 medium-4 columns">
                    <img src="content/img/3.svg" alt="" />
                    <p>El total de tus residuos <br /> se van a reducir en un <strong>50%</strong></p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/4.svg" alt="" />
                    <p>Tus otros residuos van a estar <br />limpios y <strong><a href="http://www.dondereciclo.org.ar/" target="_blank">listos para reciclar</a></strong></p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/5.svg" alt="" />
                    <p>Obten&eacute;s <strong>abono org&aacute;nico</strong> para tus plantas, devolviendole el alimento a la tierra.</p>
                </div>
            </div>
        </section>
        <!-- FIN BENEFICIOS DEL COMPOST -->

        <!-- LUGARES Y TIPOS DE COMPOSTERAS -->
        <section role="contentinfo" class="composteras circle-img" id="composteras">
            <div class="row">
                <div class="large-12 columns">
                    <h2>Lugares y tipos de <strong>composteras</strong></h2>
                </div>
            </div>
            <div class="row">
                <div class="large-4 medium-4 columns">
                    <img src="content/img/6.svg" alt="" />
                    <p class="sub-title">Departamento</p>
                    <p>Pod&eacute;s ubicarlo en un lugar ventilado y la compostera puede ser: Un balde de pintura, caj&oacute;n de verdura, canasto pl&aacute;stico, etc.</p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/7.svg" class="mgTop" alt="" />
                    <p class="sub-title">Jard&iacute;n</p>
                    <p>Pod&eacute;s ubicarlo en una zona lejana a la casa y la compostera puede ser: un rinc&oacute;n en el jard&iacute;n, un pozo en la tierra, una maceta con drenaje, etc.</p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/8.svg" class="mgTop" alt="" />
                    <p class="sub-title">Comunal</p>
                    <p>Pueden ubicarlo en un lugar accesible a todos, junto a indicaciones para su correcto uso. La compostera puede ser en la tierra, un tambor met&aacute;lico, un corral de pallets, etc.</p>
                </div>
            </div>
        </section>
        <!-- FIN LUGARES Y TIPOS DE COMPOSTERAS -->

        <!-- LINK A FLOR DE HUERTA -->
        <section role="complementary">
            <div class="row">
                <div class="small-12 columns">
                    <p>Hay infinitas formas de hacer una compostera, el l&iacute;mite es tu creatividad. <br /> Si quer&eacute;s una compostera lista para usar, pod&eacute;s contactarte con <a href="http://flordehuerta.blogspot.com.ar/" target="_blank">Flor de Huerta</a> o <a href="http://www.dedoverde.com.ar/" target="_blank">Dedo Verde</a>.</p>
                </div>
            </div>
        </section>
        <!-- LINK A FLOR DE HUERTA -->

        <!-- CONSEJOS PARA UN MEJOR COMPOST -->
        <section role="contentinfo" class="consejos circle-img" id="consejos">
            <div class="row">
                <div class="large-12 columns">
                    <h2><strong>Consejos</strong> para un mejor compost</h2>
                </div>
            </div>
            <div class="row">
                <div class="large-4 medium-4 columns">
                    <img src="content/img/9.svg" alt="" />
                    <p class="sub-title">Iluminaci&oacute;n</p>
                    <p>En lo posible ubicar el compost en una zona que no tenga mucho sol para que no sequen los org&aacute;nicos.</p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/10.svg" class="mgTop" alt="" />
                    <p class="sub-title">Lasagna</p>
                    <p>Intercalar material seco (hojas y pasto seco, papel de diario) y h&uacute;medo (restos de verdura, frutas, c&aacute;scaras de huevo).</p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/11.svg" class="mgTop" alt="" />
                    <p class="sub-title">Lombrices</p>
                    <p>Se pueden agregar lombrices en el compost para acelerar el proceso de descomposici&oacute;n de los materiales.</p>
                </div>
            </div>
            <br /><br />
            <div class="row">
                <div class="large-4 medium-4 columns">
                    <img src="content/img/12.svg" class="mgTop" alt="" />
                    <p class="sub-title">Drenaje</p>
                    <p>Tiene que tener una buena aireaci&oacute;n y drenaje, no debe acumularse agua, esto podr&iacute;a causar malos olores.</p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/13.svg" class="mgTop" alt="" />
                    <p class="sub-title">Humedad</p>
                    <p>Asegurarse que no est&eacute; ni muy h&uacute;medo ni muy seco, sino los org&aacute;nicos no se van a descomponer.</p>
                </div>
                <div class="large-4 medium-4 columns">
                    <img src="content/img/14.svg" class="mgTop" alt="" />
                    <p class="sub-title">No poner</p>
                    <p>Carnes, quesos, leche, nada proveniente de origen animal, salvo las c&aacute;scaras de huevo.</p>
                </div>
            </div>
        </section>
        <!-- FIN CONSEJOS PARA UN MEJOR COMPOST -->

        <!-- ACCESO AL BLOG -->
        <section role="complementary" class="mas-info">
            <div class="row">
                <div class="large-12 columns">
                    <p>Enterate que va y que no en la compostera y mucho m&aacute;s entrando en el <a href="http://www.dondereciclo.org.ar/blog/compost-paso-a-paso/" target="_blank">blog</a> de DondeReciclo.org</p>
                </div>
            </div>
        </section>
        <!-- FIN ACCESO AL BLOG -->

        <!-- CORRE LA VOZ -->
        <section role="contentinfo" class="voz" id="corre-la-voz">
            <div class="row">
                <div class="medium-6 medium-centered large-4 large-centered columns">
                    <img src="content/img/15.svg" alt="" />
                </div>
            </div>
            <div class="row">
                <div class="small-12 columns">
                    <h3><span>Sumate a esta iniciativa</span><br />&#161;Corr&eacute; la voz!</h3>
                </div>
            </div>
            <div class="row">
                <div class="medium-6 medium-centered large-6 large-centered columns">
                    <div class="row">
                        <div class="small-4 medium-4 large-4 columns">
                            <a href="#" onclick="
                window.open(
                        'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(location.href),
                        'facebook-share-dialog',
                        'width=626,height=436');
                return false;"><div class="social-icon fb"><span class="icon-facebook"></span></div></a>
                        </div>
                        <div class="small-4 medium-4 large-4 columns">
                            <a href="http://twitter.com/home?status=F%C3%B3rmula%20infalible%20para%20reducir%20tus%20residuos%20en%20un%2050%25%20http://goo.gl/lBEMKq%20%23reciclatumanzana" target="_blank" data-lang="es"><div class="social-icon tw"><span class="icon-twitter"></span></div></a>
                        </div>
                        <div class="small-4 medium-4 large-4 columns">
                            <a href="mailto:?subject=Recicl&aacute; tu Manzana&body= www.DondeReciclo.org te invita a reducir tus residuos en un 50%. Entr&aacute; en www.ReciclaTuManzana.com.ar y enter&aacute;te como."><div class="social-icon em"><span class="icon-mail"></span></div></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- FIN CORRE LA VOZ -->

        <!-- MODAL -->
        <div id="myModal" class="reveal-modal tiny">
            <div class="modalBef">
                <h2>&#161;Qu&eacute; bueno que ya est&eacute;s compostando!</h2>
                <p class="lead">Sumate al muro con tu foto de perfil:</p>
                <div class="row">
                    <div class="medium-12 large-12 columns">
                        <a href="#" class="btn-social btn-fb" onclick="fb_check();
                return false;"><span class="icon-facebook"></span>Facebook</a>
                    </div>
                    <!--<div class="medium-12 large-12 columns">
                        <a href="#" class="btn-social btn-tw"><span class="icon-twitter"></span>Twitter</a>
                    </div>
                    <div class="medium-12 large-12 columns">
                        <a href="#" class="btn-social btn-g"><span class="icon-googleplus"></span>Google+</a>
                    </div>-->
                </div>
            </div>
            <div class="modalAf" style="display: none;">
                <h2 style="font-weight: bold">&#161;Felicitaciones <span></span>!</h2>
                <h2>&#161;Ya sos parte de nuestro muro org&aacute;nico!</h2>
            </div>
            <a class="close-reveal-modal">&#215;</a>
        </div>
        <!-- FIN DEL MODAL -->

        <!-- SUMATE A LA INICIATIVA -->
        <section role="complementary" class="sumate">
            <div class="row">
                <div class="large-12 columns">
                    <h4>&#191;Ya empezaste a compostar?</h4>
                </div>
            </div>
            <div class="row">
                <div class="medium-8 medium-centered large-4 large-centered columns">
                    <a href="#" class="sumate-btn" data-reveal-id="myModal">Sumate al muro org&aacute;nico</a>
                </div>
            </div>
        </section>
        <!-- FIN SUMATE A LA INICIATIVA -->

        <!-- WALL -->
        <div id="ri-grid" class="ri-grid ri-grid-size-2">
            <ul class="cbp-rfgrid">
                <li id="sumate">
                    <a id="sumate" href="#" class="sumate-btn" data-reveal-id="myModal"><img src="content/sumate.jpg" alt="" /></a>
                </li>
            </ul>
        </div>
        <!-- FIND EL WALL -->

        <!-- FOOTER -->
        <footer>
            <div class="row">
                <div class="large-3 large-centered columns">
                    <p>Power by <a href="http://www.greentomato.com.ar" target="_blank"><img src="content/green-tomato-logo.png" alt="Green Tomato Studio" /></a></p>
                </div>
            </div>
        </footer>
        <!-- FIN FOOTER -->

    </body>

    <script src='javascripts/plugins.js'></script>
    <!--[if lt IE 7]>
    <script src='//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js'></script>
    <script>
      window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})});
    </script>
    <![endif]-->
    <script src="javascripts/foundation.js"></script>
    <script type="text/javascript" src="javascripts/foundation.reveal.js"></script>
    <script type="text/javascript">$(document).foundation();</script>
    <script src='javascripts/script.js'></script>

    <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-44987060-1', 'reciclatumanzana.com.ar');
            ga('send', 'pageview');

    </script>
</html>
